html, body {
  height: 100%;
  font-size: 2vh; }

.content {
  position: relative;
  margin: 0 auto;
  background: url("../../img/background.jpg") no-repeat;
  background-size: contain;
  display: flex;
  justify-content: center;
  background-position: center center;
  width: 100vw;
  height: 100vh; }
  .content .left {
    font-size: 30px;
    font-weight: 700;
    position: absolute;
    bottom: 0.6rem;
    left: 0.6rem;
    color: #21DAB3; }
    @media screen and (max-height: 960px) {
      .content .left {
        bottom: 0.2rem;
        left: 1rem; } }
    .content .left p {
      height: 0.8rem; }
      @media screen and (max-height: 960px) {
        .content .left p {
          height: 0.6rem; } }
    .content .left .name {
      font-size: 45px; }
      @media screen and (max-height: 960px) {
        .content .left .name {
          font-size: 40px; } }
    .content .left .invitation {
      font-size: 30px;
      color: #FFCC20; }
